<div id="jschart_1_<?php echo $ofc_unique_id; ?>" title="<?php echo $ofc_title; ?>"></div> 	
<script type="text/javascript" language="javascript">
var data_set_jschart_1_<?php echo $ofc_unique_id; ?> = {
  "title": {
    "text": "<?php echo $ofc_title; ?>",
    "style": "{font-size: 20px; color: #2F4A7F; text-align: center;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}"
  },
  "elements": [
    {
      "type": "bar_3d",
	  "text": "Page Visits",
      "values": [<?php echo implode(',',$ofc_values_x); ?>],	  
      "tip": "Page visits<br>#val#",
	  "on-show": {"type": "grow-up", "delay":0.3, "cascade":0.6},
      "colour": "#2F4A7F"
    }
  ],
  "x_axis": {
  	"labels": { "labels" :["<?php echo implode('","',$ofc_labels_x); ?>"] },
    "3d": 5,
    "colour": "#BCD4EC",
    "grid-colour": "#BCD4EC"
  },  
  "y_axis": {
    "min": 0,
    "max": <?php echo $ofc_range_max; ?>,
    "steps": <?php echo $ofc_range_step; ?>,
    "colour": "#BCD4EC",
    "grid-colour": "#BCD4EC"
  },
  "y_legend":{
    "text":"<?php echo $ofc_legend_y; ?>",
    "style": "{font-size: 15px; color: #2F4A7F; text-align: center;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}"
  },  
  "x_legend":{
    "text":"<?php echo $ofc_legend_x; ?>",
    "style": "{font-size: 15px; color: #2F4A7F; text-align: center;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}"
  },
  "bg_colour": "#FFFFFF"
};  
//set the get data function
function get_data_jschart_1_<?php echo $ofc_unique_id; ?>()
{
	// alert( 'reading data 1' );
	return JSON.stringify(data_set_jschart_1_<?php echo $ofc_unique_id; ?>);
}  

swfobject.embedSWF(
  "<?php echo $proj_config['site_url']; ?>open-flash-chart/open-flash-chart.swf", "jschart_1_<?php echo $ofc_unique_id; ?>",
  "950", "300", "9.0.0", "expressInstall.swf",
  {"get-data":"get_data_jschart_1_<?php echo $ofc_unique_id; ?>"} );
</script>
